@charset 'utf-8';
@import  'sandal/core';
@import  'core/mixins', 'core/functions', 'core/vars';


// .ht-tab {

// }

.ht-tab-header {
	margin: 0 auto;
	text-align: center;
	font-size: 0;
	@extend %clearfix;

	li {
		width: 200px;
		line-height: 40px;
		border: 1px solid #fff;
		border-top: 0;
		border-bottom: 0;
		background-color: #808080;
		color: #fff;
		font-size: $font18;
		cursor: pointer;
	    display: inline-block;

		&.active {
			background-color: $colorYellow2;
		}
	}
}

.ht-tab-body {
	section {
		display: none;
		// opacity: 0;
		transition: .5s;

		&.active {
			display: block;
			// opacity: 1;
		}
	}
}